.singerPage{
    .navBar{
        position: fixed;
        height: 40px;
        width: 100%;
        display: flex;
        color: #f1f1f1;
        z-index: 999;
        align-items: center;
        padding-left: 10px;
        .icon{
            margin-top: 3px;
        }
        .name{
            margin-left: 5px;
            font-size: 16px;
            font-weight: 700;
        }
    }
    .headerImg{
        width: 100%;
        height: 310px;
        position: relative;
        .filter{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(7,17,27,0.3);
            z-index: 1;
        }
        .btn{
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 10px;
            z-index: 99;
            width: 120px;
            height: 40px;
            background: #d44439;
            color: #f1f1f1;
            border-radius: 20px;
            text-align: center;
            line-height: 40px;
            font-size: 14px;
        }
    }
}
